//**********font************
@font-face {font-family: 'iconfont';
    src: url('../iconfont/iconfont.eot'); /* IE9*/
    src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../iconfont/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
//*********END font*********
    
//********head********

//********central***********
#central{
    width: 100%;
    height: auto;
    position: relative;
    margin: auto;
    background: #FFFFFF;
    font-family: "Microsoft Yahei", 微软雅黑;
    text-align: center;
    .box{
        width: 100%;
        height: 200px;
        background: #F6F6F6;
        border: 1px solid  #F6F6F6;
       
        .inbox{
            width: 1100px;
            height: 100px;
            display: block;
            margin: auto;
            margin-top: 50px;
            margin-bottom: 50px;
            .title{
                color: rgb(92, 92, 92);
                display: block;
                float: left;
                font-family: 'Microsoft Yahei', 微软雅黑;
                font-size: 12px;
                height: 50px;
                line-height: 20px;
                width: 405px;
                h2{
                    color: rgb(153, 153, 153);
                    display: block;
                    font-family: 'Microsoft Yahei', 微软雅黑;
                    font-size: 28px;
                    font-weight: normal;
                    height: 20px;
                    line-height: 20px;
                    margin-top: 10px;
                    width: 405px;
                }
            }
           
            .cateNav{
                color: rgb(92, 92, 92);
                display: block;
                float: right;
                font-family: 'Microsoft Yahei', 微软雅黑;
                font-size: 12px;
                height: 105px;
                line-height: 20px;
                list-style-type: none;
                width: 628px;
                li{
                    color: rgb(92, 92, 92);
                    display: block;
                    float: left;
                    font-family: 'Microsoft Yahei', 微软雅黑;
                    font-size: 12px;
                    height: 18px;
                    line-height: 20px;
                    list-style-type: none;
                    margin-bottom: 3px;
                    text-align: left;
                    width: 157px;
                    a{
                        color: rgb(0, 204, 204);
                        cursor: auto;
                        display: inline;
                        font-family: 'Microsoft Yahei', 微软雅黑;
                        font-size: 14px;
                        height: auto;
                        line-height: 18px;
                        list-style-type: none;
                        padding-left: 5px;
                        padding-right: 5px;
                        text-align: left;
                        text-decoration: none;
                        width: auto;
                    }
                }
            }
        }
    }
    .choose{
        width: 100%;
        height: 50px;
        background: url(../images/condition_bg.jpg) repeat-x;
        .inbox{
            width: 1100px;
            height: 50px;
            display: block;
            margin: auto;
            .conditionNavL{
                display: block;
                float: left;
                height: 41px;
                line-height: 20px;
                width: auto;
                #screen{
                    display: block;
                    line-height: 20px;
                    list-style-type: none;
                    width: auto;
                    .radius{
                        background-clip: border-box;
                        background: url(../images/icon2.png) no-repeat #FFFFFF;
                        background-origin: padding-box;
                        background-position: 0px -20px;
                        background-size: auto;
                        border-image-outset: 0px;
                        border-image-repeat: stretch;
                        border-image-slice: 100%;
                        border-image-source: none;
                        border-image-width: 1;
                        border: 1px solid rgb(0, 204, 204);
                        border-radius: 5px;
                        color: rgb(0, 204, 204);
                        cursor: pointer;
                        display: list-item;
                        float: left;
                        font-family: 'Microsoft Yahei', 微软雅黑;
                        font-size: 14px;
                        height: 27px;
                        line-height: 27px;
                        list-style-type: none;
                        margin: 12px 9px 0 0;
                        padding-left:36px;
                        padding-right: 10px;
                        text-align: left;
                        width: auto; 
                    }
                }
            }
            .conditionNavR{
                display: block;
                float: right;
                height: 27px;
                line-height: 20px;
                margin-top: 12px;
                width: 144px;
                .hot{
                    background-clip: border-box;
                    background-color: rgb(0, 204, 204);
                    background-image: none;
                    background-origin: padding-box;
                    background-size: auto;
                    border-bottom-left-radius: 5px;
                    border-bottom-right-radius: 0px;
                    border-image-outset: 0px;
                    border-image-repeat: stretch;
                    border-image-slice: 100%;
                    border-image-source: none;
                    border-image-width: 1;
                    border-top-left-radius: 5px;
                    border-top-right-radius: 0px;
                    border: 1px solid rgb(0, 204, 204);
                    color: rgb(255, 255, 255);
                    cursor: auto;
                    display: block;
                    float: left;
                    font-family: 'Microsoft Yahei', 微软雅黑;
                    font-size: 12px;
                    height: 28px;
                    line-height: 28px;
                    text-align: center;
                    width: 70px; 
                }
                .new{
                    background-attachment: scroll;
                    background-clip: border-box;
                    background-color: rgb(255, 255, 255);
                    background-image: none;
                    background-origin: padding-box;
                    background-size: auto;
                    border-bottom-left-radius: 0px;
                    border-bottom-right-radius: 5px;
                    border-image-outset: 0px;
                    border-image-repeat: stretch;
                    border-image-slice: 100%;
                    border-image-source: none;
                    border-image-width: 1;
                    border-right-style: solid;
                    border-top-left-radius: 0px;
                    border-top-right-radius: 5px;
                    border: 1px solid rgb(0, 204, 204);
                    color: rgb(0, 204, 204);
                    cursor: auto;
                    display: block;
                    float: left;
                    font-family: 'Microsoft Yahei', 微软雅黑;
                    font-size: 12px;
                    height: 28px;
                    line-height: 28px;
                    text-align: center;
                    text-decoration: none;
                    width: 70px;
                }
            }
        }
    }
    
     .screenCondition{
        display: block;
        height: auto;
        line-height: 20px;
        margin: auto;
        width: 1100px;
        ul{
            .Con{
            border-bottom: 1px solid #e3e3e3;
            display: block;
            height: 56px;
            min-height: 1%;
                .size{
                    height: 56px;
                    width: auto;
                    text-align: right;
                    line-height: 56px;
                    color: #545454;
                    font-size: 14px;
                    padding-left: 20px;
                    display: inline;
                    float: left;
                    font-family: 'Microsoft Yahei', 微软雅黑;
                }
                .f{
                    width: auto;
                    display: inline;
                    float: left;
                    list-style-type: none;
                    line-height: 20px;
                    li{
                        color: rgb(92, 92, 92);
                        display: list-item;
                        float: left;
                        font-family: 'Microsoft Yahei', 微软雅黑;
                        font-size: 12px;
                        height: 22px;
                        line-height: 20px;
                        padding-left: 25px;
                        padding-top: 18px;
                        text-align: left;
                        width: auto;
                        .hover{
                            color: #FFFFFF;
                            background: #2DB8AD;
                        }
                        a{
                            color: #2DB8AD;
                            padding: 5px 5px 5px 5px;
                        }
                    }
                }
            }
        }
    }
    
    .display{
        width: 1100px;
        height: 100%;
        position: relative;
        display: block;
        margin:auto;
        .goods{
            width: 100%;
            height: 100%;
            margin: 20px 8px 10px 8px;
            position: relative;
            ul{
                li{
                    width: 240px;
                    height: 380px;
                    float: left;
                    margin: 2px 15px 2px 15px;
                    text-align: left;
                    h3{
                        a{
                            height: 80px;
                            display: block;
                            font-size: 12px;
                            font-family:  "Microsoft Yahei",微软雅黑;
                            color: #5C5C5C;
                            font-weight: normal;
                        }
                    }
                    .price{
                        display: block;
                        text-align: center;
                        margin-top: 10px;
                        p{
                            color: #FF7800;
                        }
                    }
                }
                li:nth-child(4){
                    margin-right: 0;
                }
            }
        }
    }
    
    
}
//*********END central********
